<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="zh-CN"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="zh-CN"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="zh-CN"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="zh-CN"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>百食网</title>
<meta http-equiv="keywords" content="百食网">
<meta http-equiv="description" content="百食网">
<link href="assets/css/animate.css" rel="stylesheet">
<link href="assets/css/style.css" rel="stylesheet">
<script src="assets/js/modernizr-2.6.2.min.js"></script>
<script src="assets/js/prefixfree.min.js"></script>
<!--[if lt IE 9]>
<script src="assets/js/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<!--defalut add fn-hide -->
<div id="wrapper" class="fn-hide"> 
  <!--header-->
  <header id="header" role="banner" class="fn-clear">
    <h1 id="logo"> <a href="index.html" title="百食网" rel="home"> <img src="assets/images/logo.png" alt="百食网"> </a> </h1>
    <div class="site-title fn-base-color">
      <p>| 三元农业联盟唯一指定网站 |</p>
      <p class="site-tel fn-clear"> <span class="fn-right">010 - 58255199</span> <img class="fn-right" src="assets/images/icon/icon-tel.png"> </p>
    </div>
    <nav id="nav">
      <ul class="menu">
        <li class="menu-title"> <a href="javascript:;" class="icon" title="导航"><span class="menu-span">MENU</span></a>
          <ul class="menu-list">
            <li><a href="home.html">主页</a></li>
            <li><a href="about.html">关于百食网</a></li>
            <li><a href="prolist.html">自选产品</a></li>
            <li><a href="gift.html">礼品卡</a></li>
            <li><a href="#">三元有机生活会</a></li>
            <li><a href="#">联系我们</a></li>
          </ul>
        </li>
      </ul>
    </nav>
  </header>
  <!--header end--> 
  <!--home-->
  <section class="home J-home fn-clear">
    <article class="home-01"> <a href="about.html" class="home-a" data-key='restaurants'>
      <div class="home-warp">
        <div class="home-cnt">
          <h1>关于百食网</h1>
          <p>about baishi</p>
        </div>
        <i></i> <span class="overlay"></span> </div>
      </a> </article>
    <article class="home-02"> <a href="javascript:void(0);" class="home-a" data-key='gallery'>
      <div class="home-warp">
        <div class="home-cnt">
          <h1>自选产品</h1>
          <p>optional products</p>
        </div>
        <i></i> <span class="overlay"></span> </div>
      </a> </article>
    <article class="home-03"> <a href="javascript:void(0);" class="home-a" data-key='media'>
      <div class="home-warp">
        <div class="home-cnt">
          <h1>礼品卡</h1>
          <p>gift</p>
        </div>
        <i></i> <span class="overlay"></span> </div>
      </a> </article>
    <article class="home-04"> <a href="#" class="home-a" data-key='contact'>
      <div class="home-warp">
        <div class="home-cnt">
          <h1>三元有机生活会</h1>
          <p>san yuan green life</p>
        </div>
        <i></i> <span class="overlay"></span> </div>
      </a> </article>
  </section>
  <!--home end--> 
  <!--other-->
  <section id="restaurants" class="restaurants">
    <div class="in">关于食品网</div>
  </section>
  <!--products-->
  <section id="gallery" class="gallery">
    <div class="in">
        <article class="products-list">
        	<div class="products-list-w J-products-list">
                <div class="products-list-item" id='products-list-item'>
                	<!--数据变化-->
                	<ul class="fn-clear">
                    	<li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>   
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>              
                    </ul>
                    <ul class="fn-clear">
                    	<li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>   
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>              
                    </ul>
                    <ul class="fn-clear">
                    	<li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>   
                        <li>
                        	<img src="assets/images/test/test_1.jpg" width="100%" alt="">
                            <div class="products-list-mask">
                            	<dl class="fn-clear">
                                	<dt>菠菜</dt>
                                    <dd>
                                        <p class="products-list-p1">生态种植</p>
                                        <p>【三元农业联盟】自种</p>
                                    </dd>
                                </dl>
                                <p class="products-list-price">￥14.50元 / 400g</p>
                            </div>
                        </li>              
                    </ul>  
                    <!--数据变化end-->                            	
                </div>
            </div>
        </article>
        <article class="products-menu">
            <div class="products-menu-w">
                <div class="products-menu-h">
                  <h1>自选产品</h1>
                  <p>optional products</p>
                </div>
                <div class="products-menu-list">
                    <ul class="fn-clear">
                        <li>
                            <p class="products-menu-title"><a href="#">鲜蔬类<span>fresh vegetables</span></a></p>
                            <div class="products-menu-cnt">
                                <p><a href="#">鲜蔬类<span>fresh vegetables</span></a></p>
                                <p><a href="#">鲜蔬类<span>fresh vegetables</span></a></p>
                            </div>
                        </li>
                        <li>
                            <p class="products-menu-title"><a href="#">鲜肉类<span>resh meat</span></a></p>
                        </li>
                        <li>
                            <p class="products-menu-title"><a href="#">鲜果类<span>fresh fruit</span></a></p>
                        </li>
                        <li>
                            <p class="products-menu-title"><a href="#">禽蛋类<span>poultry and eggs</span></a></p>
                            <div class="products-menu-cnt">
                                <p><a href="#">禽蛋类<span>fresh vegetables</span></a></p>
                                <p><a href="#">禽蛋类<span>fresh vegetables</span></a></p>
                                <p><a href="#">禽蛋类<span>fresh vegetables</span></a></p>
                                <p><a href="#">禽蛋类<span>fresh vegetables</span></a></p>
                            </div>
                        </li>
                        <li>
                            <p class="products-menu-title"><a href="#">杂粮类<span>cereals and grain</span></a></p>
                        </li>
                    </ul>
                </div>
                <span class="close" data-key='gallery'><i></i></span>
            </div>
        </article>
    </div>
  </section>
  <!--products end-->
  <!--gift-->
  <section id="media" class="media">
      <div class="in">
        <article class="gift-list">
            <div class="gift-list-w J-gift-list">
                <div class="gift-list-ad">
                    <img src="assets/images/gift/gift_ad_01.jpg" width="100%" alt="">
                </div>
                <div class="gift-list-item" id='gift-list-item'>
                    <!--数据变化-->
                    <ul class="fn-clear">
                        <li>
                            <p class="gift-list-item-title">单次消费系列</p>
                            <p class="gift-list-item-price fn-clear">
                                <img src="assets/images/icon/icon_price.png" alt=""><span>298元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>368元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>598元</span>
                            </p>
                            <div class="gift-list-item-img">
                                <p>
                                    <img src="assets/images/gift/gift_1.jpg" alt="">
                                </p>
                            </div>
                            <div class="gift-list-item-des">
                                <p>298元：鲜蔬礼盒一份，应季鲜蔬10种14斤。</p>
                                <p>368元：鲜蔬礼盒一份，应季鲜蔬10种14斤，彼特博鲜肉系列2斤。</p>
                                <p>598元：鲜蔬礼盒一份，应季鲜蔬15种20斤，彼特博鲜肉系列3斤。</p>
                            </div>
                        </li>
                        <li>
                            <p class="gift-list-item-title">单次消费系列</p>
                            <p class="gift-list-item-price fn-clear">
                                <img src="assets/images/icon/icon_price.png" alt=""><span>5000元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>9000元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>10000元</span>
                            </p>
                            <div class="gift-list-item-img">
                                <p>
                                    <img src="assets/images/gift/gift_1.jpg" alt="">
                                </p>
                            </div>
                            <div class="gift-list-item-des">
                                <p>298元：鲜蔬礼盒一份，应季鲜蔬10种14斤。</p>
                                <p>368元：鲜蔬礼盒一份，应季鲜蔬10种14斤，彼特博鲜肉系列2斤。</p>
                                <p>598元：鲜蔬礼盒一份，应季鲜蔬15种20斤，彼特博鲜肉系列3斤。</p>
                            </div>
                        </li>
                        <li>
                            <p class="gift-list-item-title">单次消费系列</p>
                            <p class="gift-list-item-price fn-clear">
                                <img src="assets/images/icon/icon_price.png" alt=""><span>298元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>368元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>598元</span>
                            </p>
                            <div class="gift-list-item-img">
                                <p>
                                    <img src="assets/images/gift/gift_1.jpg" alt="">
                                </p>
                            </div>
                            <div class="gift-list-item-des">
                                <p>298元：鲜蔬礼盒一份，应季鲜蔬10种14斤。</p>
                                <p>368元：鲜蔬礼盒一份，应季鲜蔬10种14斤，彼特博鲜肉系列2斤。</p>
                                <p>598元：鲜蔬礼盒一份，应季鲜蔬15种20斤，彼特博鲜肉系列3斤。</p>
                            </div>
                        </li>
                        <li>
                            <p class="gift-list-item-title">单次消费系列</p>
                            <p class="gift-list-item-price fn-clear">
                                <img src="assets/images/icon/icon_price.png" alt=""><span>298元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>368元</span>
                                <img src="assets/images/icon/icon_price.png" alt=""><span>598元</span>
                            </p>
                            <div class="gift-list-item-img">
                                <p>
                                    <img src="assets/images/gift/gift_1.jpg" alt="">
                                </p>
                            </div>
                            <div class="gift-list-item-des">
                                <p>298元：鲜蔬礼盒一份，应季鲜蔬10种14斤。</p>
                                <p>368元：鲜蔬礼盒一份，应季鲜蔬10种14斤，彼特博鲜肉系列2斤。</p>
                                <p>598元：鲜蔬礼盒一份，应季鲜蔬15种20斤，彼特博鲜肉系列3斤。</p>
                            </div>
                        </li>
                    </ul>
                    <!--数据变化end-->                            	
                </div>
            </div>
        </article>
        <article class="gift-menu">
            <div class="gift-menu-w">
                <div class="gift-menu-h">
                  <h1>礼品卡</h1>
                  <p>gift</p>
                </div>
                <div class="gift-menu-list">
                    <ul class="fn-clear">
                        <li>
                            <p class="gift-menu-title"><a href="#">家庭日常卡</a></p>
                        </li>
                        <li>
                            <p class="gift-menu-title"><a href="#">商务礼品卡</a></p>
                        </li>
                    </ul>
                </div>
                <span class="close" data-key='media'><i></i></span>
            </div>
        </article>
        </div>
  </section>
  <!--gift end-->
  <section id="contact" class="contact">
    <div class="in">三元有机生活会</div>
  </section>
  <!--other end--> 
</div>
<!--welcome-->
<div id="welcome">
  <section id="welcome1" class="welcome"> <img src="assets/images/welcome/1.jpg" alt="" class="bg"/> </section>
  <section id="welcome2" class="welcome" style="display:none"> <img src="assets/images/welcome/2.jpg" alt="" class="bg"/> </section>
  <section id="welcome3" class="welcome" style="display:none"> <img src="assets/images/welcome/3.jpg" alt="" class="bg"/> </section>
  <section id="welcome4" class="welcome" style="display:none"> <img src="assets/images/welcome/4.jpg" alt="" class="bg"/> </section>
  <div class="spinner" id='loaderImage'></div>
  <div class="slogo"><img src="assets/images/wc_logo.png" alt=""></div>
  <div class="skip animated"></div>
</div>
<!--welcome end-->
<!--dialog details--> 
<div class="J-dialog-details fn-hide">
	<div class="dialog-details fn-clear">
    	<p class="J-dialog-details-close dialog-details-close"><img src="assets/images/icon/icon_close.png" /></p>
        <div class="details-cnt fn-clear">
        	<div class="details-cnt-l J-main-visual">
            	<div class="main_image J-main-image">
                    <ul>					
                        <li><img src="assets/images/pro_detail/pro1.jpg" width="440" height="600" border="0" /></li>
                        <li><img src="assets/images/pro_detail/pro1.jpg" width="440" height="600" border="0" /></li>
                    </ul>
                    <a href="javascript:void(0);" id="btn_prev"></a>
                    <a href="javascript:void(0);" id="btn_next"></a>
                </div>
            </div>
            <div class="details-cnt-r">
            	<h2>菠菜</h2>
                <p class="p1">生态种植,[三元农业联盟]自种</p>
                <p class="p2">单价: <span class="price">￥14.50</span> / 400g</p>
                <div class="details-cnt-attr fn-clear">
                	<p class="fn-right">
                    	<img src="assets/images/pro_detail/pro_attr1.jpg">
                    </p>
                    <div class="details-cnt-attr-list">
                    	<ul class="fn-clear">
                        	<li class="details-attr-list-name">商品名称</li>
                            <li class="details-attr-list-cnt">菠菜</li>
                        </ul>
                        <ul class="fn-clear">
                        	<li class="details-attr-list-name">品牌</li>
                            <li class="details-attr-list-cnt">三元农业联盟</li>
                        </ul>
                        <ul class="fn-clear">
                        	<li class="details-attr-list-name">产地</li>
                            <li class="details-attr-list-cnt">三元种植基地</li>
                        </ul>
                        <ul class="fn-clear">
                        	<li class="details-attr-list-name">储藏方法</li>
                            <li class="details-attr-list-cnt">低温冷藏</li>
                        </ul>
                    </div>                   
                </div>
                <p class="p3"><span>营养价值</span></p>
                <div class="details-cnt-show">
                	<p>菠菜营养成分极其丰富，菠菜叶含锌56～68毫克/公斤(干重)，叶酸1.22微克/克，氨基
                    酸和叶黄素、β-胡萝卜素、新-β-胡萝卜素B、新-β-胡萝卜素。
                    菠菜素U等类胡萝卜素、还含α-菠菜甾醇、胆甾醇以及甾醇酯和甾醇甙、万寿菊素、菠
                    叶素，和一种青紫色萤光物质2-乙酰基-3-对羟基苯丙烯酰基内消旋酒石酸。
                    菠菜营养价值属中等，而且各种营养含量均衡，还富含钾等微量元素，具有较好的食疗
                    作用。常食菠菜，具有通便清热、理气补血、防病抗衰等功效，它对各种贫血症和糖尿
                    病、肺结核、高血压、风火赤眼等诸多疾病可起辅助治疗作用。</p>
                    <p>1.通肠导便，防治痔疮　菠菜含有大量的植物粗纤维，具有促进肠道蠕动的作用，利于
                    排便，且能促进胰腺分泌，帮助消化。对于痔疮、慢性胰腺炎、便秘、肛裂等病症有治
                    疗作用。</p>
                    <p>2.促进生长发育，增强抗病能力 菠菜中所含的胡萝卜素，在人体内转变成维生素A，能
                    维护正常视力和上皮细胞的健康，增加预防传染病的能力，促进儿童生长发育。</p>
                    <p>3.保障营养，增进健康 菠菜中含有丰富的胡萝卜素、维生素C、钙、磷，及一定量的铁、
                    维生素E、芸香贰、辅酶Q10等有益成分，能供给人体多种营养物质；其所含铁质，对缺
                    菠菜营养成分极其丰富，菠菜叶含锌56～68毫克/公斤(干重)，叶酸1.22微克/克，氨基
                    酸和叶黄素、β-胡萝卜素、新-β-胡萝卜素B、新-β-胡萝卜素。</p>
                </div>
            </div>
        </div>
    </div>	
</div>
<!--dialog details end--> 
<script src="assets/js/jquery.min.js"></script> 
<script src="assets/js/jquery.mouseslide.js"></script>
<script src="assets/js/jquery.touchSlider.js"></script>
<script src="assets/js/layer/layer.min.js"></script>
<script src="assets/js/tools.js"></script>
<script src="assets/js/loading.js"></script>  
<script src="assets/js/welcome.js"></script> 
<script src="assets/js/app.js"></script>
</body>
</html>